/* CSS Document */
/* MAIN */
H1
{color:#009900}

UL
{
  list-style-type: none; 
}

BODY
{
     background: #333333;
}


/*-------------------------------------------------------------------------------------------------------*/
/* IMAGES */
.smallPhoto
{
  width:40px; 
  float: left; 
  padding-right: 3px;
}

.tinyPhoto
{
  width: 25px; padding: 2px; float: left;
}
/*-------------------------------------------------------------------------------------------------------*/
/* GENERAL */
.control
{
        -moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
        -webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
        box-shadow:inset 0px 1px 0px 0px #9acc85;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
        background:-moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
        background:-webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
        background:-o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
        background:-ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
        background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0);
        
        background:#009900;
        
        border:1px solid #3b6e22;
	display:inline-block; 
	line-height:24px;
        color:#ffffff;
        font-family:Verdana, Geneva, sans-serif;
        font-size:18px;
       
        padding:6px 12px;
        text-decoration:none;
        cursor: pointer;
   	
}

.control:hover
{
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a));
        background:-moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
        background:-webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
        background:-o-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
        background:-ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
        background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a',GradientType=0);
        
        background:#006600;	
}

span.date
{
    font-style: italic;
    font-size:x-small;
    color:#CCC;
}

.BGDark
{
    background: #E0EDFF; 
}
.BGLight
{
    background: #FFF;
}

.submit /*  FOR SUBMIT BUTTONS */
{
    font: 12px verdana;
   
    background:#0099CC;
        
        border:1px solid #3b6e22;
	display:inline-block; 
	line-height:20px;
        color:#ffffff;
        font-family:Verdana, Geneva, sans-serif;
        font-size:12px;
       
        padding:6px 12px;
        text-decoration:none;
        cursor: pointer;
}
/*---------------------------------------------------------------------------------------------------------------------*/
/*-- NAVIGATION --*/
ul.navigation
{}

li.navigation
{
    width: 130px;
    height: 130px;
    margin: 0;
    padding: 0;
    float:left;
    cursor: pointer;
    
    /* Hide the text. */
    color:#FFF;
    font: 10px verdana;
    /*
      text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  */
}

li.navigation:hover
{
    
}
li.timeline
{
    background: url(../images/system/timeline96.png) no-repeat center;   
}

li.timeline:hover
{
    background: url(../images/system/timeline128.png) no-repeat center;  font-size: 12px; 
}


li.post
{
    background: url(../images/system/post96.png) no-repeat center; 
}

li.post:hover
{
    background: url(../images/system/post128.png) no-repeat center; font-size: 12px; 
}

li.group
{
    background: url(../images/system/group96.png) no-repeat center;
}
li.group:hover
{
    background: url(../images/system/group128.png) no-repeat center; font-size: 12px; 
}

li.settings
{
    background: url(../images/system/settings96.png) no-repeat center;  
}
li.settings:hover
{
    background: url(../images/system/settings128.png) no-repeat center; font-size: 12px; 
}

li.logout
{
    background: url(../images/system/logout96.png) no-repeat center;
}
li.logout:hover
{
    background: url(../images/system/logout128.png) no-repeat center; font-size: 12px; 
}
/*---------------------------------------------------------------------------------------------------------------------*/
/* LEFT CONTROL */
DIV.leftContainer
{
float: left; width: 70%; margin:8px;
}
/*---------------------------------------------------------------------------------------------------------------------*/
/* RIGHT CONTROL */
DIV#rightControl
{
  float:right; 
  margin-top:8px; 
  margin-right:15px; 
  
  border: 1px solid #009900; 
  padding: 2px;
  
  width:25%; 
  height:auto;   
}

SPAN#memberName
{
  font: 12px verdana;
  cursor: pointer;
}

LI.memberContainer
{
    padding:2px;
    margin-left:-40px;
    margin-bottom:10px; 
    margin-right:2px
}

/*---------------------------------------------------------------------------------------------------------------------*/
/* DASHBOARD */

DIV#postContainer
{
   
   border: 2px #FFF solid; 
   font-family:verdana; 
   padding:2px; 
   width: 100%;
   margin-bottom: 5px;
}

DIV.GROUP
{
   background: #A3CC52; 
}

DIV.PUBLIC
{
   background: #6B8FB2; 
}

DIV#postHeader
{
   color:#FFF;  
   padding: 2px;
}

DIV#postHeader.GROUP
{
    background: #006600; 
}

DIV#postHeader.PUBLIC
{
    background: #297ACC; 
}

DIV#postBody
{
    margin:0px; 
    padding: 10px; 
    background: #FFF;
}
DIV#postFoot
{
    font-size: 12px;
    color: #333;
}

DIV.divComment
{
    display:none; 
    border: 0px #009900 solid; 
    width: 100%; 
    margin: 8px; 
    padding: 2px;
}

SPAN.spanAuthor
{
    cursor: pointer;
    font-size: 12px;
}

SPAN.spanTitle
{
    color:#B2D1E0;
}

SPAN.spanCommentsLink
{
  cursor: pointer;
  font-size: 10px;
}

SPAN.spanCommentsLink:hover
{
    color:#000;
    font-size: 12px;
}

/*-------------------------------------------------------------------------------------------------------*/

/* COMMENTS */

UL.comment
{
   font-size: 16px; 
   font-family: 'verdana'; 
   color: #7A7A7A;
   margin: 5px;
   padding: 0;
}

UL LI.commentContainer
{
    padding: 2px;
    margin: 0px;  
}

span.commentName 
{
    color:#009900;
    font-size: small;
}
span.commentSay
{
    font-size: smaller;
}

span.commentBody
{
    margin-left: 30px;
    padding: 20px;
}

span.commentDate
{
    margin-left:50px;
}

span.commentDelete
{
    font-size:small;
    cursor: pointer;
    margin-left: 10px;
    color:#CCC;
}

span.commentDelete:hover
{
    color:#006600;
}

p.commentNone
{
    margin-left: 10px;
    font: 12px 'verdana';
    color: #0099CC;
}

div.divLoading
{
    margin-left: 30px;
    padding: 10px;
}

INPUT.btnComment
{
   margin-left: 82%;  
}
/*-------------------------------------------------------------------------------------------------------*/
/* POST  */
#btnPost
{
    margin-left: 79%;
    margin-top: 15px;
}

TEXTAREA#txtPost 
{
    resize: none;
    border:1px solid #0099CC;
    padding: 5px;
    margin-left: 5px;
    vertical-align: top;
    width: 95%;  
    font: 12px verdana;
}
INPUT#txtPostTitle , INPUT.inputWrap
{
    resize: none;
    border:1px solid #0099CC;
    padding: 5px;
    margin-left: 5px;
    margin-bottom: 20px;
    vertical-align: top;
    width: 95%;  
    font: 12px verdana;
    
}

INPUT#postPhoto
{
    color: #0066CC;
}

LABEL.postLabel
{
    font: 12px verdana;
    color: #FFF;
    margin: 5px;
}
/*-------------------------------------------------------------------------------------------------------*/
/* TEXTBOXES AND TEXTAREAS  */
TEXTAREA 
{
    resize: none;
    border:1px solid #009900;
    padding: 5px;
    margin-left: 5px;
    vertical-align: top;
    width: 90%;  
}

.animated
{
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    transition: height 0.2s;
}
/*-------------------------------------------------------------------------------------------------------*/
